<template>
  <div class="home">
    <!-- 城市可视化平台— —规划和自然资源委年度拆违任务动态监测专题 -->
    <!-- <div class="header"><span></span></div> -->
    <NavControl/>
    <div class="content">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
    <div class="footer"></div>
  </div>
</template>

<script>
import NavControl from '@/components/NavControl'
export default {
  name: 'home',
  components: {
    NavControl
  }
}
</script>
<style lang="stylus" scoped>
.home
  width 100%
  height 100%
.header
  // padding 30px 0 35px 0
  text-align center
  // background url('../assets/header.png') no-repeat center
  span
    text-align center
    letter-spacing 2px
    font-size 46px
    font-weight 800

.content
  width 100%
  height calc(100vh - 215px)
  display flex
  justify-content center
  align-items center
  // margin-top 60px
  // margin-bottom 30px

.footer
  position fixed
  width 100%
  bottom 0
  height 54px
  // background url('../assets/footer.png') no-repeat center

  ul
    display flex
    justify-content center
    li
      font-size 18px
      color #aaa
      // padding 7px 28px
      margin 0 4px
      .splitT
        padding 0 5px
      &:hover
      &.active
        color #fff
        font-weight 600
        cursor pointer

</style>
